<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstraplan.css">
	<link rel="stylesheet" href="jssuggest/jquery.suggest.css">
	
	<style type="text/css">
		
	</style>
</head>
<body style="background-color:#f3f1ec">
	<div class="navbar" >
	  <div class="navbar-inner" style="height:60px">
		<a class="brand" href="#"><img src="img/logo-topleft.png" alt="" /></a>
		<a href="" class="btn btn-info" style="margin-top:12px;margin-left:10px">添加日程</a>
		<a href="" class="btn btn-info" style="margin-top:12px">添加联系人</a>
		
		<div class="btn-group pull-right">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
               <i class="icon-user"></i>${sessionScope.curr_user.username }
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#"><i class="icon-cog"></i>　密码设置</a></li>
              <li class="divider"></li>
              <li><a href="#"><i class="icon-off"></i>　安全退出</a></li>
            </ul>
          </div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span3" style="height:400px">
				<div class="wall" style="padding:8px 0;">
					<ul class="nav nav-list" >
						<li class="nav-header" style="padding-top:0px">Welcome!</li>
						<li class="divider"><br></li>
						<li ><a href="home.action"><i class="icon-white icon-home"></i>最新动态</a></li>
						<li><a href="contactlist.action"><i class="icon-user"></i>联系人</a></li>
						<li><a href="task/toCalendar.action"><i class="icon-leaf"></i>日程</a></li>
						<li class="active"><a href="deal.action"><i class="icon-gift"></i>交易</a></li>
						<li><a href="emails.action"><i class="icon-gift"></i>群发邮件</a></li>
					</ul>
				</div>
		</div>
		<div class="span7" style="background-color:#fff;height:700px;border:1px solid #ccc;border-radius:2px">
			<div class="wall" style="border-bottom:1px solid #ccc;margin-bottom:5px">
				<div style="background-color:#f0f5f8;height:60px;padding-top:3px">
					<h3 style="padding-top:2px;padding-left:15px">添加一条交易</h3>
				</div>
			</div>
			<form class="form-horizontal" action="addDeal.action" method="post" id="myform">
				<div class="control-group">
					<label class="control-label" for="inputEmail" id="">交易对象</label>
					<div class="controls">
						<input type="text" id="newtel" name="contactName">
						<span class="help-block">输入交易人的姓名或交易公司名</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="inputPassword">交易名称</label>
					<div class="controls">
						<input type="text" id="inputPassword" name="deal.name">
						<span class="help-block">给交易起个名称吧</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="inputPassword">交易描述</label>
					<div class="controls">
						<textarea name="deal.desc" id="" class="span7" rows="5"></textarea>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="inputPassword">定价</label>
					<div class="controls">
						<div class="input-prepend input-append"><span class="add-on">￥</span><input name="deal.money" class="span2" id="appendedPrependedInput" type="text">
						<select style="margin-left:2px" name="deal.weavestate" class="span7">
							<option value="固定不变">固定不变</option>
							<option value="随小时变动">随小时变动</option>
							<option value="随月份变动">随月份变动</option>
							<option value="随年长变动">随年长变动</option>
						</select>
						</div>
						
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="inputPassword">类别</label>
					<div class="controls">
						<select style="margin-left:2px" name="categoryName">
							<c:forEach items="${categoryList }" var="c">
								<option value="${c.type }">${c.type }</option>
							</c:forEach>
			
						</select>
						<a href="editCategorys.action">修改类别</a>
					</div>
				</div>
				
				<div class="control-group">
					
					<label class="control-label" for="inputPassword">谁可以看到这些类别？</label>
					<div class="controls">
						<select style="margin-left:2px" name="deal.views">
							<option value="所有人">所有人</option>
							<option value="只有我">只有我</option>
							<option value="同组">我和同组的人</option>
							
						</select>
					</div>
				</div>
				<div class="form-actions">
					<button type="button" class="btn btn-primary" id="addbtn">添加交易</button>
					<a href="javascript:window.history.go(-1)" class="btn">取消</a>
				</div>
			</form>				
				

			
		</div>
		<div class="span2">
				<div class="box" style="border:1px solid #ccc">
				<div class="head" style="padding-left:10px;padding-top:5px;border-bottom:1px solid #ccc;padding-left:15px "><strong>交易是什么</strong></div>
				<address style="padding-top:5px;padding-left:6px">
				  交易货币项目用于投标或合同。交易让您跟踪方案，投标，招标，项目销售权在高层建筑。高层一直很好保持跟踪你的人做生意，但现在的交易，你可以跟踪商业交易等。
				</address>
				
				</div>
		</div>
	</div>
			
			
		
			
			
			
			
			
			
			
			
			
			
			
			
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>	
	<script type="text/javascript" src="jssuggest/jquery.suggest.js"></script>	
	<script type="text/javascript">
		$(document).ready(function(){
		
		
			$("#newtel").suggest("ajaxback.action",{
				
			    suggestionColor   : '#cccccc',
			    moreIndicatorClass: 'suggest-more',
			    moreIndicatorText : '&hellip;'
  
			});
			$("#addbtn").click(function(){
				$("#myform").submit();
			});
		});
	</script>
</body>
</html>